<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>热门活动</title>
		<style>
			*{
				margin: 0;
				padding: 0px;
				list-style: none;
				text-decoration: none;
		    }
		    .box {
		    	float: left;
		    	margin-top: 80px;
		    	margin-left: 240px;
		    	margin-bottom: 20px;
		    	margin-right: 20px;
		    }	
		    .box1{
		    	margin-top: 95px;
		    }
		    li{
		    	line-height: 40px;
		    }
		    .word{
		    	margin: 30px auto 20px 40px;
		    }
		    .word1 {
		    	float: right;
		    	margin: auto 160px auto ;
		    }	
		    a{
		    	color: black;
		    }			
		</style>
	</head>
	<body>
		
		<div class="word">
			<ul>
				<li><h2>热门活动</h2></li>
			</ul>						
		</div>
		<div class="word1">
			<ul>
				
				<li><h3>更多</h3></li>
			</ul>						
		</div>
		<div class="box">
			<ul>
				<li><img src="img/img1.png" /></li>
				<li><a href="#">推荐活动</a><span>|</span><a href="#">原创音乐现金榜T榜</a></li>
				
				<li><img src="img/img3.png" /></li>
				<li><a href="#">推荐歌单</a><span>|</span><a href="#">继续宠爱张国荣</a></li>
				
			</ul>					
		</div>	
		<div class="box1">
			<ul>
				<li><img src="img/img2.png"/></li>
				<li><a href="#">推荐节目</a><span>|</span><a href="#">《TAImusic》爆笑来袭</a></li>
				<li><img src="img/img4.png"/></li>
				<li><a href="#">推荐活动</a><span>|</span><a href="#">330金属音乐巡演 成都小酒馆音乐空间</a></li>
			</ul>					
		</div>		
	</body>
</html>
